<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<script src="js/mui.min.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			.mui-header{
				background: #1d8fe1;
			}
			.mui-header a{
				color: white;
			}
			
			.mui-title{
				color: white;
			}
			
			.mui-content{
				margin-top: 10px;
			}
			
			.firstul li{
				padding: 13px 15px;
			}
			
			#firstul2{
				margin-top: 15px;
			}
			
			#dropout {
				width: 100%;
				height: 60px;
				line-height: 60px;
				text-align: center;
				background-color: white;
			}
		</style>
	</head>
	<header class="mui-bar mui-bar-nav mui-header">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">设置 </h1>
		</header>
		<div class="mui-content">
		    <ul class="mui-table-view firstul">
		        <li class="mui-table-view-cell sheding">
		            <a class="mui-navigate-right" id="sheding">
		                	工资设置
		            </a>
		        </li>
		        <li class="mui-table-view-cell gongri">
		            <a class="mui-navigate-right" id="gongri">
		                 工作日设定
		            </a>
		        </li>
		        <li class="mui-table-view-cell tel">
		            <a class="mui-navigate-right" id="tel">
		                 联系我们
		            </a>
		        </li>
		         <li class="mui-table-view-cell fuzhu">
		            <a class="mui-navigate-right" id="fuzhu">
		                辅助功能
		            </a>
		        </li>
		    </ul>
		    <ul class="mui-table-view firstul" id="firstul2">
		        <li class="mui-table-view-cell">
		            <a class="mui-navigate-right" id="mima">
		                                               修改密码
		            </a>
		        </li>
		        <li class="mui-table-view-cell yinsin">
		            <a class="mui-navigate-right" id="yinsin">
		                 	隐私
		            </a>
		        </li>
		    </ul>
		</div>
		<div id="dropout" onclick="closeApp();">
        <a href="#"><ul class="mui-footer_dropout mui_magrin-top" >退出登录</ul></a>
        </div>
	<body>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			function closeApp() {
            plus.nativeUI.actionSheet({
                cancel: "取消",
                buttons: [{
                    title: "注销当前账号"
                }, {
                    title: "直接关闭应用"
                }]
            }, function(e) {
                var index = e.index;
                switch (index) { //case 0: 取消
                    case 1: //
                        localStorage.clear();
                        plus.runtime.restart();
                        break;
                    case 2: //
                        plus.runtime.quit();
                        break;
                }
            });
        }; 
        
        mui(".firstul").on('tap','#mima',function(){
        	mui.openWindow({
        		url:"mima.html",
        		id:"mima.html"
        	})
        })
        
         mui(".sheding").on('tap','#sheding',function(){
        	mui.openWindow({
        		url:"sheding.html",
        		id:"sheding.html"
        	})
        })
         
	      mui(".tel").on('tap','#tel',function(){
	    	mui.openWindow({
	    		url:"tel.html",
	    		id:"tel.html"
	    	})
	    })
         
          mui(".gongri").on('tap','#gongri',function(){
        	mui.openWindow({
        		url:"gongzuori.html",
        		id:"gongzuori.html"
        	})
        })
          
         mui(".fuzhu").on('tap','#fuzhu',function(){
        	mui.openWindow({
        		url:"fuzhu.html",
        		id:"fuzhu.html"
        	})
        })
        
        mui(".yinsin").on('tap','#yinsin',function(){
        	mui.openWindow({
        		url:"yinsi.html",
        		id:"yinsi.html"
        	})
        })
		</script>
		
		 
	</body>

</html>